<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('订单详情')"/>
    <style>
        .order-details {
            width: 80%;
            margin: 0 auto;
            border-collapse: separate;
            border-spacing: 10px;
        }

        .order-details th,
        .order-details td {
            padding: 10px;
            border: 1px solid #ddd;
        }

        .order-details th {
            background-color: #4CAF50;
            color: white;
        }
        .layui-layer-btn0{
            display: none;
        }
    </style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <h2>订单信息</h2>
    <table class="order-details">
        <tr>
            <th>商品名称</th>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
        </tr>
        <tr th:each="product : ${orderDetails.productVoList}">
            <td th:text="${product.productName}"></td>
            <td th:text="${product.productPrice}"></td>
            <td th:text="${product.quantity}"></td>
            <td th:text="${product.productPrice * product.quantity}"></td>
        </tr>
    </table>
    <hr>
    <div class="total-info">
        <p>订单时间: <span th:text="${#dates.format(orderDetails.payDateTime, 'yyyy-MM-dd HH:mm:ss')}"></span></p>
        <p>金额总计: <span th:text="${orderDetails.amount}"></span></p>
        <p>单次积分: <span th:text="${orderDetails.socre}"></span></p>
    </div>
</div>
<th:block th:include="include :: footer"/>
</body>
</html>